<template>
  <div class="el-full el-box-column">
    <el-tabs class="el-tabs-bg el-flex el-tabs-flex" style='flex-direction: unset;' v-model="activeName" @tab-click="handleClick" tab-position="left">
      <el-tab-pane class="el-flex el-box-column" label="我创建的" name="first" lazy>
          <myCreate></myCreate>
       
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="我负责的" name="second" lazy>
          <myTakeChange></myTakeChange>
        
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="我参与的" name="third" lazy>
        <myParticipate></myParticipate>
      </el-tab-pane>
      <el-tab-pane class="el-flex el-box-column" label="知会我的" name="fourth" lazy>
        <myNotify></myNotify>
        
      </el-tab-pane>
     
    </el-tabs>
    
  </div>
</template>

<script>
  import {
    Tree,
    Dialog,
    Table,
    TableColumn,
    Pagination,
    MessageBox,
    Message,
    Drawer,
    Tabs,
    TabPane
  } from 'element-ui'
  import myCreate from './myCreate.vue'
  import myTakeChange from './myTakeChange.vue'
  import myParticipate from './myParticipate.vue'
  import myNotify from './myNotify.vue'
  export default {
    components: {
      'el-tree': Tree, // 树形菜单
      'el-dialog': Dialog, // 对话框
      'el-table': Table, // 表格
      'el-table-column': TableColumn, // 表格列
      'el-pagination': Pagination, // 分页
      'el-drawer': Drawer, // 抽屉
      'el-tabs': Tabs, // 标签页
      'el-tab-pane': TabPane, // 标签页列
      myCreate, //我创建的
      myTakeChange, //我负责的
      myParticipate, //我参与的
      myNotify, //知会我的
    },
    data() {
      return {
        dialogAgentSearchVisible: false,
        activeName: 'first',
        title: '',
        showModel: '',
        showTab:'',
        pageSize: 20,
        total: 0,
        currentPage: 1,
        row:{},
        
      }
    },
    created() {
      window.onresize = () => {
        this.$refs.firstTale.doLayout() //监听窗口变化，重绘表格布局
      }
    },
    methods: {
      
      handleClick(tab, event) {
        console.log(tab, event);
        this.showTab = tab.label
      },
     
    }
  }
</script>
